<div class="share-invitation">
  <div class="share-invitation-header">
    <div class="share-invitation-name">
      帖子
    </div>
    <div class="share-invitation-more"
         (click)="goToFeed()"
         *ngIf="(feeds | async)?.length > 1"
    >
      <span>更多</span>
      <i></i>
    </div>
  </div>
  <!--<seed-feed-profile [feeds]="feeds"></seed-feed-profile>-->
  <feed-item *ngFor="let feed of (feeds|async)" [feed]="feed" (onclick)="goToFeedDetail($event)"></feed-item>
  <missing-default-content
    *ngIf="(feeds | async).length == 0"
  ></missing-default-content>
</div>
<div class="seed-gap"></div>
<div class="share-invitation">
  <div class="share-invitation-header">
    <div class="share-invitation-name">
      相册
    </div>
    <div
      class="share-invitation-more"
      (click)="gotoPicture()"
      *ngIf="(gallery | async)?.length > 8"
    >
      <span>更多</span>
      <i></i>
    </div>
  </div>
  <div class="share-picture" *ngIf="(gallery | async).length > 0">
    <div class="seed-grid">
      <div class="seed-grid-row">
        <div
          class="seed-grid-col" col-4
          *ngFor="let item of (gallery | async ).slice(0,9);let idx = index;"
        >
          <seed-img [lazyLoadImg]="item.fileName"
                    [background]="'true'"
                    [routerLink]="['/homepage/viewer']"
                    [queryParams]="{'userId':userId,'rows':9,'index':idx}"
          ></seed-img>
        </div>
      </div>
    </div>
  </div>
  <missing-default-content
    *ngIf="(gallery | async).length == 0"
  ></missing-default-content>
</div>
<div class="seed-gap"></div>
<div class="share-invitation">
  <div class="share-invitation-header">
    <div class="share-invitation-name">
      视频
    </div>

    <div
      *ngIf="(videoThumbnail | async)?.length > 8"
      class="share-invitation-more"
      (click)="gotoVideo()"
    >
      <span>更多</span>
      <i></i>
    </div>
  </div>
  <div class="share-video share-picture" *ngIf="(videoThumbnail | async)?.length > 0">
    <div class="seed-grid">
      <div class="seed-grid-row">
        <div class="seed-grid-col icon-live" col-4
             *ngFor="let item of (videoThumbnail | async).slice(0,9)"
             (click)="showVideoView(item.fileName)"
        >
          <!--       <seed-img [lazyLoadImg]="item.fileName +'&width=320&second=1'"-->
          <seed-img [lazyLoadImg]="toolsService.replaceVideoUrl(item.fileName)"
                    [background]="'true'"
          ></seed-img>
        </div>
      </div>
    </div>
  </div>

  <missing-default-content
    *ngIf="(videoThumbnail | async)?.length==0"
  ></missing-default-content>
</div>

<seed-modal #videoModal
            [content]="content"
>
  <seed-view-video class="seed-modal-content"
                   [modal]="videoModal"
                   [link]="src"
                   [poster]="poster"
                   [content]="content"
  >
  </seed-view-video>
</seed-modal>
